<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>公交查询</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/app.css">
		<style>
			.mui-bar-nav~.mui-content{padding:0;margin-top:45px;background:#f5f5f5;}
		</style>
	</head>

	<body>
		<!--公共头部-->
		<div class="mui-bar mui-bar-nav" id="header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">公交查询</h1>
		</div>
		<div id="content" class="mui-content"></div>
		<script>
			var my_immersed = function(immersed) {
				document.getElementById("header").style.paddingTop = immersed + 'px';
				document.getElementById("header").style.height = (immersed + 44)+'px';
				//document.getElementById("content").style.paddingTop = (immersed + 44) + 'px';
			}
		</script>
		<script type="text/javascript" src="../../js/immersed.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../js/app.js" ></script>
		<script type="text/javascript" src="../../js/common.js" ></script>
		<script type="text/javascript">
			var heigth = window.immersed ? window.immersed + 44 : 44;
			mui.init({
				subpages:[{
				  url: "map.html",
			      id:'map',
			      styles:{
			        top: heigth +'px',
			        bottom:0
			      },
			      extras:{}
				}]
			})
			mui.plusReady(function(){
				closeWaitingAndShowView();
			})
		</script>
	</body>

</html>